草庐IT

HTML CSS ul li 自动宽度

全部标签

javascript - 如何使用 jQuery 或 CSS 自动调整(拉伸(stretch))div 高度和宽度

我有4个id为A、B、C和D的div,如下所示;DivA和D具有固定的宽度和高度。DivB具有固定宽度。我想要自动计算DivB的高度和DivC的高度+宽度。我想在divA和D之间拉伸(stretch)DivB和C。我还想在divB和右边距之间拉伸(stretch)Divc。页面因此不会有任何滚动条和空白区域。我预期的布局如下我怎样才能使用jquery/css使这成为可能?任何人都有解决方案,请给我一个fiddle/演示??提前致谢...:)布拉斯特拉尔弗雷德 最佳答案 好吧,尽管问了,我仍然不完全确定你想要什么。我认为您也不必为此使

javascript - jqGrid - 拖动一行以对其进行排序会搞砸单元格宽度

我的问题:当我在jqGrid中拖动一行并完成自定义重新加载功能时,网格的单元格(以前在定义网格时设置的所有不同宽度)被调整为都是一样的宽度。这种情况发生在Webkit浏览器中,但不会发生在Firefox中。代码:我在网格上启用了拖动排序:$mygrid.jqGrid('sortableRows',{update:function(e,ui){sort_grid(e,ui);}});如您所见,我有一个在拖动完成时调用的排序函数,sort_grid。在这里:functionsort_grid(e,ui){varcurrent_grid=$(ui.item[0]).closest('tabl

javascript - 始终在 jQuery 自动完成中显示特定选择,即使它与输入不匹配

我有一个jQuery自动完成功能(jqueryui版本1.8),我可以在其中键入一个名称。如果可用,我希望用户从列表中选择一个名称,因为这些是我们数据库中的所有者名称。但是,有时他们需要添加新的所有者名称,在这种情况下,我希望他们从自动完成的下拉列表中选择“添加新的”。问题是,如果我在自动完成源数据中包含“添加新”选项,它不会在自动完成下拉列表中显示为选项,因为它与用户在文本框中键入的内容不匹配。下面是javascript代码。我不包括服务器端代码,但假设服务器的结果在下拉列表中创建了一个列表,例如“添加新的、Betty、Bob、Cathy、Dan、Edward”。“选择器”是文本类型

javascript - Masonry - 当一个项目的高度改变时自动调整

我在我的应用程序中使用了砌体。一切工作正常,除非项目的高度发生变化(如Accordion)砌体没有调整布局。我该怎么做才能修复它? 最佳答案 每当调整项目大小时,您需要告诉masonary重新布局所有内容:$('.ui-accordion').bind('accordionchange',function(event,ui){$('#container').masonry();}); 关于javascript-Masonry-当一个项目的高度改变时自动调整,我们在StackOverflo

javascript - 自动javascript类型强制

这更像是对javascript工作原理的思考,而不是要解决的实际问题。在像这样的语句的情况下varstr=9+"somewordshere";结果strvar将包含值“9somewordshere”。我的问题是javascript使用什么函数自动将Number对象“9”强制转换为要与String对象“somewordshere”连接的字符串,并且此函数是否可更改/可覆盖。这开始于我需要在页面上输出前面带有0的单个数字。这很容易通过Number对象上的快速原型(prototype)函数完成Number.prototype.SpecialFormat=function(){if(this并

javascript - 如何创建具有 100% 宽度和高度的 Google 图表?

这个问题在这里已经有了答案:CSS100%heightwithpadding/margin(15个答案)关闭8年前。如何创建宽度和高度均为100%的Google图表?例如,我已经尝试使用明显的width:100%但这不起作用。

javascript - 使用 Sublime Text 3 自动完成 JavaScript if 语句的不必要的分号

我正在为JavaScript使用sublimetext3自动完成功能。对于if语句,它在末尾添加了一个分号。if(true){};使用JSHint,我编写的大部分代码都会出错。请问如何根据自己的喜好自定义自动补全? 最佳答案 通过转到Preferences→BrowsePackages打开SublimeText文件夹。然后找到名为JavaScript的文件夹然后打开if.sublime-snippet并删除分号,这样您的代码片段现在如下所示:ifsource.jsif 关于javascr

javascript - Magnific Popup iframe 高度和宽度

我在使用MagnificPopup时遇到问题,我需要能够使用javascript函数在iframe上设置高度和宽度。以下代码对我输入的高度和宽度没有反应,怎么了?///Call////openmagnificPopup(url,h,w);///Java////functionopenmagnificPopup(url,h,w){$.magnificPopup.open({items:{src:url,type:'iframe',iframe:{markup:''+''+'xxxxxx'+''+''}}});/////CSS/////.mfp-iframe-holder.mfp-cont

javascript - 我怎样才能计算出行中的三个元素中的每一个都可以有 300px 的宽度?

我正在尝试使用flexbox制作“我自己的框架”。flexbox最头疼的是排奇数个元素:3,5,7。所以想用js/jq解决。例如,如果元素的宽度为300px或更小-元素变为宽度的100%。我正在使用jq代码:functioncheck(){varwindow=$(document).outerWidth();varwidth=$('.one-third').outerWidth();if(width但问题是当函数根据CSS规则将元素的宽度设置为100%时,脚本根据其IF语句重新计算并且元素开始闪烁。谁能帮我解决这个问题?代码片段。functioncheck(){varwindow=$(

javascript - 调整大小时,Jquery Resizable Div 宽度和高度变为 0

我有这个代码:我的JavaScript代码:$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,maxHeight:500,aspectRatio:true});使用上面的代码,我的可调整大小的div按预期工作,但是当我添加containment选项时,div的width和height调整大小为0,在任何方向调整大小时。$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,max